<template>
	<div class="body">
		<select2></select2>
		<div class="hshop">
			<div class="hshop_infro container">
				<img src="../../../../src/assets/adimg/shop.png" class="hshop_img"/>
				<div class="hshop_name">
					<table >
						<tr><h3>天喔专营店</h3></tr>
						<tr><div class="htext_full">产品数量</div>:<td>294件产品</td></tr>
						<tr><div class="htext_full">创建时间</div>:<td>2015-11-01</td></tr>
						<tr><div class="htext_full num">所在地</div>:<td>北京朝阳区</td></tr>
						<tr><td><div class="htext_full">客服电话</div>:</td><td> <a href="javascript:void(0)">4009-190-199</a></td></tr>
					</table>
				</div>
			</div>
				<div class="hshop_service">
					<table>
						<tr><td>服务评分: <a href="javascript:void(0)" class="iconfont icon-xinshixin1"></a><a href="javascript:void(0)" class="iconfont icon-xinshixin1"></a><a href="javascript:void(0)" class="iconfont icon-xinshixin1"></a><a href="javascript:void(0)" class="iconfont icon-xinshixin1"></a>&nbsp;&nbsp;<span>4.8</span></td></tr>
						<tr><td>物流服务: <a href="javascript:void(0)" class="iconfont icon-xinshixin1"></a><a href="javascript:void(0)" class="iconfont icon-xinshixin1"></a><a href="javascript:void(0)" class="iconfont icon-xinshixin1"></a><a href="javascript:void(0)" class="iconfont icon-xinshixin1"></a>&nbsp;&nbsp;<span>4.8</span></td></tr>
						<tr><td>卖家服务: <a href="javascript:void(0)" class="iconfont icon-xinshixin1"></a><a href="javascript:void(0)" class="iconfont icon-xinshixin1"></a><a href="javascript:void(0)" class="iconfont icon-xinshixin1"></a><a href="javascript:void(0)" class="iconfont icon-xinshixin1"></a>&nbsp;&nbsp;<span>4.8</span></td></tr>
					</table>
				</div>
				<div class="hshop_jianjie">
					
					<table >
						<tr><h3>店铺简介</h3></tr>
						<tr>私人专属品酒师,带您尝遍全球好酒!</tr>
					</table>
					
				</div>
				<div class="bottom">
					
				</div>
		
			
			
			
		</div>
		
	</div>
</template>

<script>
	import select2 from '.././select2.vue'
	export default{
		name:"Dianinfro",
		components:{
			select2
		}
	}
	
</script>

<style scoped>
	.body{background:#f3f3f3;height: 100%;width: 100%;}
	.hshop{width:100%; border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;}
	.hshop_infro{padding: 2rem 1.5rem;}
	.hshop_img{width:8rem;height: 8rem;}
	.container{display: flex;align-content: flex-start;}
	.hshop_name{display: inline-block;padding-left: 1.5rem;}
	.hshop_service{width: 96%;border-top:2px solid #e0e0e0;padding: 2rem 0 2rem 1.5rem;}
	.hshop_name a{color: #3e89d7;}
	.hshop_service a{color: #f09b2b;text-decoration: none;}
	.hshop_service span{color: #f09b2b;}
	.hshop_jianjie{width: 96%;border-top:2px solid #e0e0e0;padding: 2rem 0 2rem 1.5rem;border-bottom:2px solid #e0e0e0;}
	/*文字两端对齐*/
	.htext_full{width: 80%;display: inline-block; text-align:justify; text-align-last: justify;/*text-justify:inter-ideograph;*/}
	
	/*底部*/
	.bottom{width: 100%;height: 12rem;}
	table{font-size: 1.3rem;color: #999999;}
	table h3{color: black;padding-bottom: 0.5rem;}
</style>